<style>
    .f-search-left{
        position: relative;
        font-size: 14px;
    }
    .v-box{
        position: relative;
    }
    .v-up{
        position: absolute;
        right: 5px;
        top: 11px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
        z-index: 999;
    }
    .v-down{
        position: absolute;
        right: 5px;
        top: 13px;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #666460;
        z-index: 888;
    }

    .f-search-left-list{
        position: absolute;top:30px;left:0;
        width:70px;
        background:#fff;
        display: block;
        border:1px solid #ddd;
        border-top: 1px solid #00A4FE;
        z-index: 2000;

    }
    .f-search-left-list li a{
        display: block;
        height:35px;
        width:70px;
        line-height:35px;
        text-align: center;
        font-size:12px;
    }
    .f-search-left-list li a:hover{
        background:#f9f9f9;
        font-size: 14px;;
    }

</style>
<div class="f-search-container clearfix" ng-if="isDetailPage">
    <div class="f-searchBox clearfix">
        <div class="f-search-left clearfix" ng-mouseleave="leaveSearchList()">
            <a class="f-vertical-line-10"></a>
            <a class="f-file-style" ng-click="clickData()" >资料
            </a>
            <a class="f-vertical-line-5"></a>
            <a class="v-box">
                <a class="v-up"></a>
                <a class="v-down"></a>
            </a>
            <ul class="f-search-left-list" ng-show="isShowData" >
                <li><a>全部</a></li>
                <li><a>论文</a></li>
                <li><a>视频</a></li>
                <li><a>技能</a></li>
                <li><a>回答</a></li>
                <li><a>资讯</a></li>
            </ul>
        </div>
        <div class="f-search-input-container">
            <input class="f-search-input" type="text" placeholder="{{placeholder}}">
            <div class="f-hori-line-395"></div>
        </div>
        <div class="f-search-right clearfix">
            <div class="f-search-label clearfix">
                <a href="">房屋结构</a>
                <a href="">房屋结构</a>
            </div>
            <div class="f-search-button">
            </div>
            <div class="f-vertical-line-10"></div>
            <div class="f-hori-line-165"></div>
        </div>
    </div>
    <div class="f-eng-term-translate clearfix">
        <p></p>
        <a>工程术语翻译</a>
    </div>
</div>
<div class="f-search-container-main clearfix" ng-if="isMainpage">
    <div><img ng-src="{{mainData.logoSrc}}" class="f-searchBox-main-logo">
    <div class="f-searchBox-main clearfix">
        <div class="f-search-left clearfix">
            <a class="f-vertical-line-10"></a>
            <a class="f-file-style">文档V</a>
            <a class="f-vertical-line-5"></a>
        </div>
        <div class="f-search-input-container">
            <input class="f-search-input" type="text" placeholder="{{placeholder}}">
            <div class="f-hori-line-350"></div>
        </div>
        <div class="f-search-right-main clearfix">
            <div class="f-search-button">
            </div>
            <div class="f-vertical-line-10"></div>
        </div>
    </div>
    </div>
    <div class="f-search-center-box">
        <div class="h-nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">工程资料库</a></li>
                <li><a href="#">论文图书馆</a></li>
                <li><a href="#">职业规划</a></li>
                <li><a href="#">培训视频</a></li>
                <li><a href="#">百问百答</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li><a class="h-navlast" href="#"><span></span>工程术语翻译</a></li>
            </ul>
        </div>
    </div>
</div>
